﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="bmap.aspx.cs" Inherits="_Default" %>
<%@ MasterType TypeName="MasterPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <!-- Define meta tag and utf-8 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    
    <!-- Add map controls -->
    <script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0">
    </script>
    
    <script charset="UTF-8" type="text/javascript" src="https://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&s=1">
    </script>

    <!-- GetMap -->
    <script type="text/javascript">
        function GetMap() {
            var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), 
            { credentials: "Ai3RQk2IRjcNOEWRS-ZYTRk0Iwshij6zHelLFUrcJ9x3j0uWL8GPMieM4QOpQy6i",
                center: new Microsoft.Maps.Location(21.0278, 105.8523),
                zoom: 4
            });
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <h3>Search Bing Map location here</h3>
    <div id='mapDiv' style="position: relative; margin: 0px auto; width: 80%; height:600px;"></div>
</asp:Content>

